#index {
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#e6b2c8;
	background-position:center bottom;

}

#index .img_bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/loading.jpg') bottom center no-repeat;
	background-size: 100% auto;
}

#index .index_box_bottom {
	width:100%;
	text-align:center;
	position:absolute;
    height:200px;
	bottom:0px;
}

#index .index_box_bottom button {
    width: 200px;
    margin: 10px 20px;
    opacity: 0.8;
}

#index .index_full {
    width:200px;
    margin:auto;    
}

#index .index_box_top {
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	height:60px;
	background:#fff url('../img/logo.png') no-repeat;
	background-size: 270px ;
	background-position:center center;
}

#index .index_desc {
    position: absolute;
    top: 90px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

#index .joinus {
    background: #fff;
    border: 1px solid #fff;
    color: #E21068;
}

#index .index_full {
   margin-top: 20px;
   color: #fff;
   height: 40px;
   line-height: 40px;
   font-size: 12px;
}

@media screen and (min-width: 640px) {
   #index {
 	  background:#E6B2C8 url('../img/index_people.png') no-repeat;
	  background-size: 30% auto;
	  background-position:center bottom;
   }

   #index .index_desc { 
      top:15%;
   }
}
/*----bert star on 2014/11/20----*/
.btn-blue{
	cursor:hander;
	cursor:pointer;
	color:#fff;
	width:100%;
	font-size:16px;
	text-transform:uppercase;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font-weight:bold;
	background: #7cc4f2;
	border:1px solid #7cc4f2;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	color: #fff;
	background: #ccc;
	border:1px solid #ccc;
}
.btn-nocolor{
	cursor:hander;
	cursor:pointer;
	color:#fff;
	width:100%;
	font-size:16px;
	text-transform:uppercase;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font-weight:bold;
	border:1px solid #fff;
	background:none;
}

.btn-nocolor:hover, .btn-nocolor:focus, .btn-nocolor:active {
	color: #fff;
	background:none;
	border:1px solid #fff;
}


@media screen and (min-width: 640px) {
#index .img_bg{
	background: #e2aebb url(../img/ipad_loading.jpg) bottom center no-repeat;
	background-size: auto 100%;
}
.btn-blue{
	background:none;
	border:1px solid #fff;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	color: #fff;
	background:none;
	border:1px solid #fff;
}
.btn-nocolor{
	border:1px solid #fff;
}

.btn-nocolor:hover, .btn-nocolor:focus, .btn-nocolor:active {
	color: #fff;
	border:1px solid #fff;
}
}
.pageDialog .payContent .divc span{
	background:#7cc4f2;
}
.pageDialog .payContent .diva{
	color:#4dbc6b;
}
/*----bert end on 2014/11/20----*/
